<template>
  <div  class="print-container">
    <div :id="printId" class="print-content">
      <el-form class="">
        <div class="print-title">退货单</div>
        <div class="print-time">
          2020-09-19 17::00
        </div>
        <el-row>
          <el-col :span="6">
            <el-form-item label="退货编号">
              <span class="print-value">12121211</span>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="采购单号">
              <span class="print-value">12121211</span>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="退货类型">
              <span class="print-value">12121211</span>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="退货门店">
              <span class="print-value">12121211</span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="8">
            <el-form-item label="退货供应商">
              <span class="print-value">12121211</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="供应商联系人">
              <span class="print-value">12121211</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="供应商联系方式">
              <span class="print-value">12121211</span>
            </el-form-item>
          </el-col>
        </el-row>
        <data-table
            :has-action="false"
            :is-show-page="false"
            :value="tableData"
            :table-column-attributes="tableColumns"
            :width="160"
          >
          </data-table>
        <div class="text-right">
          退货数量：<span class="total-value">12321</span>
          退货总金额：<span class="total-value">12321.00</span>
        </div>
      </el-form>

      <div>
        采购人员：<span class="total-value">12321</span>
        联系方式：<span class="total-value">12321.00</span>
      </div>
    </div>
  </div>
</template>

<script>
import DataTable from '@/components/DataTable'

export default {
  components: { DataTable },
  props: ['printId'],
  data() {
    this.tableColumns = [
      { name: '精品名称', value: '', type: 'text' },
      { name: '配件编号', value: '', type: 'text' },
      { name: '一级类别', value: '', type: 'text' },
      { name: '二级类别', value: '', type: 'text' },
      { name: '数量', value: '', type: 'text' },
      { name: '供应商', value: '', type: 'text' },
      { name: '采购成本', value: '', type: 'text' },
      { name: '销售价', value: '', type: 'text' },
      { name: '总金额', value: '', type: 'text' }
    ]

    return {
      tableData: []
    }
  }
}
</script>

<style>

</style>
